<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
    <style>
        /* *{
            padding: 0;
            margin: 0;
        } */
        div{
            width: 1200px;
            height: 1800px;
            margin: auto;
            background-color: pink;
            background: yellow url(../images/pikachu-015.jpg) repeat scroll;
            font-size: 400px 180px;
        }
        h1{
            text-align: center;
            color: rgba(18, 238, 146, 0.952);
        }
        .mes{
            width: 90%;
        }
        #out{
            background-color: tomato;
        }
        p{
            color: blue;
            font: italic 300 15px "宋体";
            text-indent: 30px;
            /* text-decoration: none; */
            /* text-decoration: overline; */
            text-decoration: underline;
            /* text-decoration: line-through; */
            letter-spacing: 8px;
        }
        #k{
            width: 150px;
        }
        img{
            width: 600px;
            height: 300px;
        }
    </style>
<body>
    <div>
        <h1>
            皮卡丘领养须知
        </h1>
        <hr width="100%" color="orange")>
        <form action="" method="POST">
            <table cellspacing="5px" align="center" bgcolor="#f4f4f4">
                <tr height="50px">
                    <th width="100px" align="center">皮卡丘信息</th>
                    <td width="200px" rowspan="2" align="center"><input type="text" style="width: 120px; height: 90px;" class="mes"></td>
                </tr>
                <tr height="50px">
                    <td width="100px" align="center">头像</td>
                </tr>
                <tr height="50px">
                    <td width="300px" colspan="2" align="right" id="k"><input id="k" type="file"></td>
                </tr>
                <tr height="50px">
                    <td width="100px" align="left">姓名:</td>
                    <td width="200px"><input type="text" class="mes"></td>
                </tr>
                <tr height="50px">
                    <td width="100px" align="left">身份证:</td>
                    <td width="200px"><input type="text" class="mes"></td>
                </tr>
                <tr height="50px">
                    <td width="100px" align="left">性别</td>
                    <td width="200px">
                        <select name="" id="" class="mes">
                            <option value="">雄皮卡丘</option>
                            <option value="">雌皮卡丘</option>
                        </select>
                    </td>
                </tr>
                <tr height="50px">
                    <td width="300px" align="left" colspan="2">需求</td>
                </tr>
                <tr height="50px">
                    <td width="300px" align="left" colspan="2">
                        <input type="radio" name="pk" checked>充电宝
                    </td>
                </tr>
                <tr height="50px">
                    <td width="300px" align="left" colspan="2">
                        <input type="radio" name="pk">十万伏特
                    </td>
                </tr>
                <tr height="50px">
                    <td width="300px" align="left" colspan="2">爱好</td>
                </tr>
                <tr height="50px">
                    <td width="300px" align="left" colspan="2">
                        <input type="checkbox">发电
                    </td>
                </tr>
                <tr height="50px">
                    <td width="300px" align="left" colspan="2">
                        <input type="checkbox">放电
                    </td>
                </tr>
                <tr height="50px">
                    <td width="300px" align="left" colspan="2">
                        <input type="checkbox">睡觉
                    </td>
                </tr>
                <tr height="50px">
                    <td width="300px" align="left" colspan="2">
                        <input type="checkbox">皮卡皮卡
                    </td>
                </tr>
                <tr height="50px">
                    <td width="300px" align="left" colspan="2">
                        <input type="reset" class="mes">
                    </td>
                </tr>
                <tr height="50px">
                    <td width="300px" align="left" colspan="2">
                        <input type="submit" class="mes" id="out">
                    </td>
                </tr>
            </table>
        </form>
        <ol type="A" start="1">
            <li>111111111</li>
            <li>222222222</li>
            <li>333333333</li>
            <li>444444444</li>
        </ol>
        <ul>
            <li>无</li>
            <li>序</li>
            <li>默认</li>
        </ul>
        <ul type="circle">
            <li>无</li>
            <li>序</li>
            <li>空心圆圈</li>
        </ul>
        <span>
            <b>加粗</b>
            <strong>强调加粗</strong>
            <i>倾斜文本</i>
            <em>强调倾斜文本</em>
            <del>删除线</del>
            <s>删除线</s>
            <u>下划线</u>
            <sub>下角标</sub>
            <ins>下划线</ins>
            <sup>上角标</sup>
            <br>
            <center>居中的内容</center>
        </span>
        <p>
            所示所示多所多多所多多付所多付所付付付多付所过所过付或所多过所多或所付或色或所若或说付或多付或多付或付过多过多付或多付或所多2的法术萨达撒死光光的过分过分你还敢很划算的发生发推荐人干撒任何人工SV的her给答复您输入和设备个红色和个人头大幅度返回电话的价格的发展史任何涉及二级嗯好的分红的风格那是那是人家那是他今儿同花顺天津市让他突然就能胜任三人同行
        </p>
        <a href="http://baidu.com" target="_blank">
            <img src="../images/lks.jfif" alt="正在加载中">
        </a>
    </div>
</body>
</html>